	<div class="myself-top-head">
		<img src="/images/index-top-bg4.png" class="myself-top-img" style="width: 100%; height:170px;">
	</div>
	<div id="my_subtitle">
		<div class="container" >
			<div class="container-fluid">
				<div>
					<ul class="nav nav-pills" style="display:block;" role="tablist">
						<li style="min-width:9.8%;"><a href="/">首页</a></li>
						<li style="min-width:9.8%;"><a href="/video/animation">动画</a></li>
						<li style="min-width:9.8%;"><a href="/video/technology">科技</a></li>
						<li style="min-width:9.8%;"><a href="/video/music">音乐</a></li>
						<li style="min-width:9.8%;"><a href="/video/food">美食</a></li>
						<li style="min-width:9.8%;"><a href="/video/game">游戏</a></li>
						<li style="min-width:9.8%;"><a href="/video/fashion">时尚</a></li>
						<li style="min-width:9.8%;"><a href="/video/tv">TV剧</a></li>
		
						<li style="min-width:9.8%;"role="presentation" >
							<a id="articleLabel" href="#" data-toggle="dropdown" data-hover="dropdown" href="#">文章</a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="articleLabel">
								<li style="min-width:9.8%;">
									<a href="/articles/WorkEmotion"><span style="color: #4C9ED9;">>>&nbsp;&nbsp;</span>工作.情感<span style="color: #4C9ED9;">&nbsp;&nbsp;<<</span>
									</a>
								</li>
								<li style="min-width:9.8%;">
									<a href="/articles/CartoonNovel"><span style="color: #4C9ED9;">>>&nbsp;&nbsp;</span>漫画.小说<span style="color: #4C9ED9;">&nbsp;&nbsp;<<</span>
									</a>
								</li>
								<li style="min-width:9.8%;">
									<a href="/articles/MoviesComic"><span style="color: #4C9ED9;">>>&nbsp;&nbsp;</span>影视.动漫<span style="color: #4C9ED9;">&nbsp;&nbsp;<<</span>
									</a>
								</li>
								<li style="min-width:9.8%;">
									<a href="/articles/ScienceCulture"><span style="color: #4C9ED9;">>>&nbsp;&nbsp;</span>科技.文化<span style="color: #4C9ED9;">&nbsp;&nbsp;<<</span>
									</a>
								</li>
								<li style="min-width:9.8%;">
									<a href="/articles/MusicFashion"><span style="color: #4C9ED9;">>>&nbsp;&nbsp;</span>音乐.娱乐<span style="color: #4C9ED9;">&nbsp;&nbsp;<<</span>
									</a>
								</li>
							</ul>
						</li>
						<li style="min-width:9.8%;">
							<a href="/map">popo</a>
						</li>
					</ul>

				</div>
			</div>
		</div>
	</div>

<script>
$(function() {
    var elm = $('#my_subtitle');
    var startPos = $(elm).offset().top;
    $.event.add(window, "scroll", function() {
        var p = $(window).scrollTop();
        $(elm).css('position',((p) > startPos) ? 'fixed' : 'relative');
        $(elm).css('top',((p) > startPos) ? '0px' : '');
        $(elm).css('background',((p) > startPos) ? '#f8f8f8' : '#fff');
    });
});
</script>